/*
    Styled By:
    Gopal Singh( gs.rana25@gmail.com )
    Puneet Sharma( puneet438@gmail.com )
    Website: www.uiscripts.com
*/

/* Fonts */
@font-face {
    font-family: GothamBold;
    src: url(../fonts/GothamBold.ttf);
}
@font-face {
    font-family: GothamBook;
    src: url(../fonts/GothamBook.ttf);
}
@font-face {
    font-family: GothamLight;
    src: url(../fonts/GothamLight.ttf);
}
@font-face {
    font-family: GothamMedium;
    src: url(../fonts/GothamMedium.ttf);
}
body{font-size:14px;}
body *{transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-khtml-transition:0.3s;-o-transition:0.3s;}

//body *{outline: 1px solid #fafafa;}

/* layout */
.contentWrap{}
.contentWrap .leftWrap{float:left;width:80%;min-height: 10px;}
.contentWrap .rightWrap{float:left;width:20%;min-height: 10px;}
@media screen and (max-width:768px) {
    .contentWrap .leftWrap{float:none;width:100%;}
    .contentWrap .rightWrap{float:none;width:100%;}
}
@media (min-width:1200px){
    .container{}
}
@media (min-width:992px){
    .searchWrap .container{width:960px;}
}
@media (min-width:992px){
    .contentWrap .container{width:1032px;}
}



/* Header */
.header{}    
.header .navbar-brand{height:auto;padding:5px 0 0 0;}
.header .navbar-default{background:#fff;border:0;}
.header .navbar-default .container .topbdr{border-top:6px solid #84af40;}
.header .navbar-default hr{border-top:1px solid #f1efef;margin:0;}
.header .navbar-collapse{border-bottom:1px solid #d0cecd;}
.header .nav{float:right;padding:12px 0;}
.header .nav > li > a{text-decoration:none;color:#959595;font-family:GothamMedium;font-size:13px;display:inline-block;border:1px solid #fff;padding:3px 8px;margin-left:5px}
.header .nav > li > a:hover,.header .nav > li.active a{color:#fff;background:#faa522;border:1px solid #ef4223;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;-o-border-radius:5px;
  background: linear-gradient(top, #fed979 0%,#f68c1f 50%,#fdba13 100%); /* W3C */
  background: -moz-linear-gradient(top, #fed979 0%,#f68c1f 50%,#fdba13 100%); /* FF3.6+ */
  background: -webkit-linear-gradient(top, #fed979 0%,#f68c1f 50%,#fdba13 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #fed979 0%,#f68c1f 50%,#fdba13 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed979', endColorstr='#fdba13',GradientType=0 ); /* IE6-9 */
  background: -o-linear-gradient(top, #fed979 0%,#f68c1f 50%,#fdba13 100%); /* Opera 11.10+ */
}
@media screen and (max-width:768px) {
  .header .nav > li > a{display: block;}
  .header .nav > li > a:hover,.header .nav > li.active a{border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-khtml-border-radius:0px;-o-border-radius:0px;}
  .header .nav{float:none;}
}




/* banners */
.banners{overflow:hidden;margin-bottom: 20px;}
.banners .crousel-buttons {    position: absolute;    right: 10px;    top: 10px;}
.banners .crousel-buttons a {    font-family: 'Gotham Bold', sans-serif;    font-size: 28px;    width: 216px;
    background:transparent url('../images/btnbg.png') no-repeat center center; border:0;
}
.banners .crousel-buttons a:focus{ background:transparent url('../images/btnbg.png') no-repeat center center; border:0;}
.banners .spaced { height: 18px;}
.banners .banner-title { line-height: 0.9;float:left; color: #e5b041;    font-family: 'Gotham Bold', sans-serif;    font-size: 85px;font-weight: bold;}
.banners .banner-title *{vertical-align: text-bottom;}
.banners .carousel-caption { padding:0;left:20px;position: absolute;width:auto;font-family: 'Gotham Bold';}
@media (max-width:768px){
   .banners .carousel-caption h2{font-size:30px;}
   .banners .carousel-caption img{width:30px;}
   .banners .carousel-indicators{bottom: 0;}
}



/* searchWrap */
.searchWrap{color:#d6d6d5;}
.searchWrap .row > div{margin-bottom: 20px;}
.searchWrap input, .searchWrap select{color:#d6d6d5;}
.searchWrap .input-lg{height:49px;font-family: GothamLight;letter-spacing: -1px;font-size:20px;
   padding-left:4px;padding-right:4px;
}

/* listingWarp */
.listingWarp .listNav {
    margin: 0 10px 20px 5px;
}
.listingWarp  .listNav a {
    text-decoration: none;color: #121212; width:25%; float: left; position: relative; font-family: GothamBook;letter-spacing: -1px;
    padding: 5px 20px; line-height: 1;display:block; background: #e6e6e5; border-right: 2px solid #fff;font-size:13px;
}
.listingWarp  .listNav a:first-child{border-radius:5px 0 0 0;}
.listingWarp  .listNav a:last-child{border-radius:0 5px 0 0;}
.listingWarp .listNav a.active::before{content:'';display: block;position: absolute;
       width:75%;top:100%;background:#f9a01d;border-radius:5px;height:5px;left:0;
}
.listingWarp .listNav a.active::after{content:'';display: block;position: absolute;
       top:calc(100% + 5px);border-top:7px solid #f9a01d;border-left:5px solid transparent;border-right:5px solid transparent;left:1px;
}
@media (max-width:468px){
    .listingWarp  .listNav a:first-child{border-radius:0 0 0 0;}
    .listingWarp  .listNav a:last-child{border-radius:0 0 0 0;}
    .listingWarp .listNav { margin: 0 10px 20px 5px;}
    .listingWarp  .listNav a {width:50%;margin-bottom:10px;}
    .listingWarp .listNav a.active::after{display: none;}
}

.listingWarp {border-right: 3px solid #c7c4c3;margin-bottom: 35px;}
.listingWarp::after{display:block;content:'';border-bottom:1px solid #c7c4c3;margin:35px 25px 0;}
.rightWrap{background: #fddea8;text-align:center;}
.listContainer .listUnit {
    display:inline-block;margin: 5px 5px 5px 5px;width:185px;text-align:left;vertical-align: text-top;
    background: #d3d3d3;padding:8px;border-radius:5px;
}
.listContainer .listUnit img{max-width:100%;}
.listContainer .listUnit .price{font-size: 32px; text-align: center;font-family:GothamBook;letter-spacing: -1px;}
.listContainer .listUnit .progressBar {
    background: #fff;  height: 8px;  margin-right: 1px;  margin-top: 3px;  border-radius: 5px;
    -moz-border-radius: 5px;  -webkit-border-radius: 5px;  -khtml-border-radius: 5px;  -o-border-radius: 5px;
}
.listContainer .listUnit .progressBar span {
    display: inline-block; background: #84af40; height: 8px; float: left; border-radius: 5px;
}
.listContainer .listUnit .desc {letter-spacing: -1px; font-size: 16px; font-family: GothamBold; font-weight: bold; margin-top: 2px;
}
.listContainer .listUnit .loc{font-family: GothamLight;letter-spacing: -1px;} 
.listUnit.case{margin-top:30px;position:relative;}
.listUnit.case .casein{top:-20px;text-align: center;position:absolute;left:0;right:0;font-family: GothamBook;}

@media (max-width:768px){
    .listContainer{text-align:center;}
    .listingWarp {border-right: 0px solid #c7c4c3;margin-bottom: 15px;}
    .rightWrap{padding-left:0px;}
    .rightWrap{margin-bottom: 15px;}
    .listingWarp::after{margin-top:15px;}
}
@media (max-width:480px){
   .listContainer .listUnit { display:inline-block; width:45%; }
}



/* Footer */
.footer{background:#fba919;color: #fff;font-family:GothamBook;}
.footer .footlogo{display:inline-block;margin-right:50px;}
.footer .footLinks a{color:#fff;text-decoration:none;}
.footer .footLinks{margin:10px 0 0;}
.footer .footLinks .linkHead{display:inline-block;margin-bottom:5px;font-size:16px;}
.footer .copy{ color:#959595; font-size:18px; text-align:right;padding-bottom: 20px; }
.footer .center{text-align: right}
.footer .center .footLinks{text-align: left;display: inline-block;}
@media (max-width:768px){
    .footer .center{text-align: left}
    .footer .footlogo{display:inline-block;margin-right:10px;}
}








